import React from 'react';
import {createBottomTabNavigator} from '@react-navigation/bottom-tabs';
import CityPage from './city/index';
import IndexPage from './index/index';
import Mepage from './me/index';
import MessagePage from './message/index';
const Tab = createBottomTabNavigator();

const index = () => {
  return (
    <Tab.Navigator
      tabBarOptions={{
        activeTintColor: '#fff',
        style: {backgroundColor: '#000', alignItems: 'center'},
        labelStyle: {fontSize: 18, fontWeight: 'bold'},
        
      }}>
      <Tab.Screen
        options={{title: '首页'}}
        name="IndexPage"
        component={IndexPage}
      />
      <Tab.Screen
        options={{title: '同城'}}
        name="CityPage"
        component={CityPage}
      />
      <Tab.Screen
        options={{title: '消息'}}
        name="MessagePage"
        component={MessagePage}
      />
      <Tab.Screen options={{title: '我的'}} name="Mepage" component={Mepage} />
    </Tab.Navigator>
  );
};

export default index;
